<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>
<script src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> Blog <span> / Subtitle</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<div class="messagein">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
  euismod  dunt consectetuer sed diam adut laoreet. </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <!-- Left Section Start-->
      <div class="blogleft">
        <div class="post">
          <h2 class="patrn">We're not paying enough for apps</h2>
          <div class="post-details">by <span><a href="#">admin</a></span> on February 10, 2012 in <span><a href="#">Applications</a>, <a href="#">Technology</a></span>, <a href="#" class="comments">5 Comments</a></div>
          <div class="post-img"><img src="images/post-img.jpg" alt="" /> </div>
          <p>PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem.PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem. <a href="#" class="more">View More  &rarr; </a></p>
        </div>
        <div class="post">
          <h2 class="patrn">We're not paying enough for apps</h2>
          <div class="post-details">by <span><a href="#">admin</a></span> on February 10, 2012 in <span><a href="#">Applications</a>, <a href="#">Technology</a></span>, <a href="#" class="comments">5 Comments</a></div>
          <div class="post-img"><img src="images/post-img1.jpg" alt="" /> </div>
          <p>PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem.PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem. <a href="#" class="more"> View More  &rarr; </a></p>
        </div>
        <div class="post">
          <h2 class="patrn">We're not paying enough for apps</h2>
          <div class="post-details">by <span><a href="#">admin</a></span> on February 10, 2012 in <span><a href="#">Applications</a>, <a href="#">Technology</a></span>, <a href="#" class="comments">5 Comments</a></div>
          <div class="post-img"><img src="images/post-img2.jpg" alt="" /> </div>
          <p>PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem.PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem. <a href="#" class="more"> View More  &rarr; </a></p>
        </div>
        <div class="divider2"> </div>
        <a href="#" class="view-blog flleft">&larr; Older Entires </a> <a href="#" class="view-blog">Newer Entires &rarr;</a></div>
      <!-- Right Section Start-->
      <div class="blogright">
        <h2 class="blue">Accordian</h2>
        <div id="accordion">
          <h3><a href="#">Accordion 1</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 2</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 3</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
        </div>
        <h2 class="blue">Categories</h2>
        <ul class="category">
          <li>&rarr;<a href="#"> Web Applications <span>(76)</span></a></li>
          <li>&rarr;<a href="#"> Business Entertainment <span>(34)</span></a></li>
          <li>&rarr;<a href="#"> Web Developement <span>(81)</span></a></li>
          <li>&rarr;<a href="#"> Social Networks <span>(23)</span></a></li>
          <li>&rarr;<a href="#"> Personal Development <span>(67)</span></a></li>
          <li>&rarr;<a href="#"> Art Photography <span>(19)</span></a></li>
        </ul>
        <h2 class="blue">Popular Posts</h2>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb1.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">16 February 2012</span>, <span class="comment"><a href="#">6 Comments</a></span> </div>
        </div>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb2.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">15 February 2012</span>, <span class="comment"><a href="#">18 Comments</a></span> </div>
        </div>
        <div class="blogPost last">
          <div class="thumb-img"><a href="#"><img src="images/thumb3.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">27 February 2012</span>, <span class="comment"><a href="#">23 Comments</a></span> </div>
        </div>
        <h2 class="blue">Tag Cloud</h2>
        <div class="tag"><a href="#" class="tag1">WordPress</a> <a href="#" class="tag2">Blog</a> <a href="#" class="tag3">Brand Design</a> <a href="#" class="tag4" >Illustration</a> <a href="#" class="tag4">Technology</a> <a href="#" class="tag5">Typography</a> <a href="#" class="tag6">Branding</a> <a href="#" class="tag6">Business</a> <a href="#" class="tag6">Web Design</a> <a href="#" class="tag6">Logo</a> <a href="#" class="tag6">Flash</a> <a href="#" class="tag6">Web Developer</a> <a href="#" class="tag7">PHP</a> <a href="#" class="tag7">xHTML</a> <a href="#" class="tag7">CSS</a></div>
        <h2 class="blue">Get Connected</h2>
        <ul class="social">
          <li class="twitter"><a href="#"> </a></li>
          <li class="facebook"><a href="#"> </a></li>
          <li class="dribble"><a href="#"> </a></li>
          <li class="forest"><a href="#"> </a></li>
          <li class="stumble"><a href="#"> </a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>

</body>
</html>
